<template>
  <transition name="slideup">
  <div class="abs-win" v-show="isShowAddr">
    <div class="content mb-50">
      <ul class="addr-list">
        <li @click="select(12)">
          <div class="addr-t">
            <div class="fl">收货人：王百川</div>
            <div class="fr">13898776789</div>
          </div>
          <div class="addr-c">安徽省合肥市蜀山区望江西路温馨家园111</div>
        </li><li>
          <div class="addr-t">
            <div class="fl">收货人：王百川</div>
            <div class="fr">13898776789</div>
          </div>
          <div class="addr-c">安徽省合肥市蜀山区望江西路温馨家园111</div>
        </li>

      </ul>

    </div>
    <!--<router-link to="/my_address_add1">-->
      <!--<div class="text-center pos">-->
        <!--<div class="">新建</div>-->
      <!--</div>-->
    <!--</router-link>-->
  </div>
  </transition>
</template>

<script>
  import config from '@/config/config'
  import getuser from '@/util/getuser'

  export default {
    components: {},
    props: ['isShowAddr','addrList'],
    data(){
      return {
        userId: getuser().userId,
        list: ''
      };
    },
    mounted(){
//      this.getAddress()
    },
    methods: {
      select(id){
//         this.$emit('aId',id)
        this.$parent.isShowAddr=false
      },

      getAddress(){
        this.$http.get(config.baseUrl + '/appUser/getReceiverDddress', {
          params: {
            'userId': this.userId
          }
        }, {
          headers: {},
          credientials: true,
          emulateJSON: true
        }).then(function (response) {
          this.list = response.data.list;
        });
      },
    },
    filters: {},
  }
</script>


<style scoped>
  .slideup-enter-active, .slideup-leave-active{
    transition:all .3s
  }
  .slideup-enter, .slideup-leave-to{
    transform:translateX(100%);
    opacity:0;
  }
  .abs-win{
    position:absolute;
    width:100%;
    height:100%;
    z-index:999;left: 0;
    top: 0;
    background: #F5F5F5;
    text-align:left;
  }

  .addr-list li{
    padding:.75rem;
    background: #FFF;
    margin-top:.5rem;
}

  .addr-t{
    font-size:.7rem;
    color:#333333;
    overflow:hidden;
  }
  .addr-c{
    font-size:.65rem;
    color:#777777;
    margin-top:.3rem;
  }
</style>
